<template>
	<div>
		<div class="other-content">
			<my-swipe></my-swipe>
			
			<goods-banner></goods-banner>
			
			<goods-list :cat-id="catId" :cat-name="catName"></goods-list>
		</div>
	</div>
</template>

<script>
	import mySwipe from './swipe.vue'
	import goodsBanner from './home/goods-banner.vue'
	import goodsList from './home/goods-list.vue'
	export default{
		props : ['catId', 'catName'],
		data(){
			return {
				
			}
		},
		components:{
			mySwipe,
			goodsBanner,
			goodsList
		},
	}
</script>

<style>
	.other-content{
		margin: 10px 12px 0px;
	}
</style>
